﻿.ui-btn-inner-greenComponent .ui-btn-inner
{
	background-color: rgb(159, 202, 161);
}
.ui-btn-inner-yellowComponent .ui-btn-inner
{
	background-color: rgb(259, 219, 161);
}
.ui-btn-inner-redComponent .ui-btn-inner
{
	background-color: rgb(242, 139, 155);
}

.ui-bar-greenComponent 
{

    background-image: -webkit-gradient(linear, left top, left bottom, from( #439539 /*{c-bar-background-start}*/), to( #439539 /*{c-bar-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #439539 /*{c-bar-background-start}*/, #439539 /*{c-bar-background-end}*/) !important;  /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #439539 /*{c-bar-background-start}*/, #439539 /*{c-bar-background-end}*/)!important;  /* FF3.6 */
	background-image:     -ms-linear-gradient( #439539 /*{c-bar-background-start}*/, #439539 /*{c-bar-background-end}*/)!important;  /* IE10 */
	background-image:      -o-linear-gradient( #439539 /*{c-bar-background-start}*/, #439539 /*{c-bar-background-end}*/)!important;  /* Opera 11.10+ */
	background-image:         linear-gradient( #439539 /*{c-bar-background-start}*/, #439539 /*{c-bar-background-end}*/)!important; 
	
}

.ui-bar-yellowComponent 
{
    background-image: -webkit-gradient(linear, left top, left bottom, from( #F4E2A0 /*{c-bar-background-start}*/), to( #F7B90D /*{c-bar-background-end}*/))!important;  /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #F7B90D /*{c-bar-background-start}*/, #F7B90D /*{c-bar-background-end}*/)!important;  /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #F7B90D /*{c-bar-background-start}*/, #F7B90D /*{c-bar-background-end}*/)!important;  /* FF3.6 */
	background-image:     -ms-linear-gradient( #F7B90D /*{c-bar-background-start}*/, #F7B90D /*{c-bar-background-end}*/)!important;  /* IE10 */
	background-image:      -o-linear-gradient( #F7B90D /*{c-bar-background-start}*/, #F7B90D /*{c-bar-background-end}*/)!important;  /* Opera 11.10+ */
	background-image:         linear-gradient( #F7B90D /*{c-bar-background-start}*/, #F7B90D /*{c-bar-background-end}*/)!important; 
}
.ui-bar-redComponent 
{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F87D8F /*{c-bar-background-start}*/), to( #C1272D /*{c-bar-background-end}*/))!important;  /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #C1272D /*{c-bar-background-start}*/, #C1272D /*{c-bar-background-end}*/)!important;  /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #C1272D /*{c-bar-background-start}*/, #C1272D /*{c-bar-background-end}*/)!important;  /* FF3.6 */
	background-image:     -ms-linear-gradient( #C1272D /*{c-bar-background-start}*/, #C1272D /*{c-bar-background-end}*/)!important;  /* IE10 */
	background-image:      -o-linear-gradient( #C1272D /*{c-bar-background-start}*/, #C1272D /*{c-bar-background-end}*/)!important;  /* Opera 11.10+ */
	background-image:         linear-gradient( #C1272D /*{c-bar-background-start}*/, #C1272D /*{c-bar-background-end}*/)!important; 
}


.ui-page .ui-header
{
	background-color: rgb(255, 255, 255) !important; /* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #4D4D4D 55.00000000000001%, #000000 100%) !important; /* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #4D4D4D 55.00000000000001%, #000000 100%) !important; /* Opera */
	background-image: -o-linear-gradient(top, #4D4D4D 55.00000000000001%, #000000 100%) !important; /* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.55, #4D4D4D), color-stop(1, #000000)) !important; /* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #4D4D4D 55.00000000000001%, #000000 100%) !important; /* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #4D4D4D 55.00000000000001%, #000000 100%) !important;
}

.ui-page .ui-footer
{
	background-color: rgb(255, 255, 255) !important; /* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(bottom, #4D4D4D 55.00000000000001%, #000000 100%) !important; /* Mozilla Firefox */
	background-image: -moz-linear-gradient(bottom, #4D4D4D 55.00000000000001%, #000000 100%) !important; /* Opera */
	background-image: -o-linear-gradient(bottom, #4D4D4D 55.00000000000001%, #000000 100%) !important; /* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.55, #4D4D4D), color-stop(1, #000000)) !important; /* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(bottom, #4D4D4D 55.00000000000001%, #000000 100%) !important; /* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to top, #4D4D4D 55.00000000000001%, #000000 100%) !important;
}



.ui-page {
    background: white !important;
    background-color:  white !important;
}

.ui-btn-active 
{ 
    color: #4D4D4D !important; 
    background: none !important; 
    background-color: #E9E9E9 !important; 
    text-shadow: 0 /*{a-bup-shadow-x}*/ 
                 1px /*{a-bup-shadow-y}*/ 
                 0 /*{a-bup-shadow-radius}*/ 
                 #ffffff /*{a-bup-shadow-color}*/;  
}






